﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ShangCheng/SCjingxuan.master" AutoEventWireup="true" CodeBehind="SCjx.aspx.cs" Inherits="Player.ShangCheng.SCjx" %>

<asp:Content ID="Content1" ContentPlaceHolderID="SCtxt" runat="server">
    <style>
        #type_lbtimg {
    height:200px;
    width: 100%;
    margin-top:20px;
    margin-bottom:20px;
    position:relative;
}
.type-logo {
    color: #464444;
    height: 30px;
    line-height: 30px;
    background-color: #f0f5fc;
    font-weight: bold;
    font-size: 16px;
    padding-left:43%;
    border-radius: 5px;
    box-shadow:0 0 2px red;
}
        #type_btm table {
            margin-left:25px;
        }
.imgtxt {
    box-shadow: 0 0 2px #ff4949;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    background-color: #edecf9;
}

@keyframes imgss {
    from {
        transform: scale(1.1);
    }

    to {
        transform: scale(1.2);
    }

}

.imgtxt img:hover {
    animation: imgss 600ms linear alternate infinite;
}

.imgtxt a {
    text-decoration-line: none;
    color: #000000;
}

.imgtxt div {
    font-size: 12px;
    font-weight: bolder;
    overflow: hidden;
}

.imgtxt_div1 {
    width: 152px;
    height: 80px;
}

.imgtxt_div1img {
    Width: 154px;
    Height: 80px;
    margin-left: -1px;
}

.imgtxt_div2 {
    border-top: 1px solid #808080;
    padding-top: 5px;
    padding-left: 5px;
}

.imgtxt_div3 {
    margin-bottom: 7px;
    padding-left:10px;
}
        .imgtxt_div3 img{
            margin-bottom:-4px;
            width:20px;
            height:20px;
            cursor:pointer;
        }
        .imgtxt_div3 div {
            float:left;
            overflow:hidden;
            width:50px;
            height:20px;
        }
.spright {
    margin-left:30px;
    margin-right:5px;
    line-height:20px;
    cursor: pointer;
    background-color: #f3ce67;
    color: #ffffff;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    border:none;
    outline:none;
    box-shadow:0 0 2px #fff062;
}
        .spright:hover {
            background-color:#fbd535;
        }
        .spright a span:hover {
            color:#f24d4d;
        }

.tex {
    margin-top: -47px;
    margin-left: 550px;
    position: fixed;
    z-index: 100;
}

    .tex .btnimg_sousuo {
        outline: none;
        cursor: pointer;
        width: 15px;
        height: 15px;
        position: fixed;
        margin-left: 10px;
        margin-top: 5px;
        z-index: 110;
    }

.ki {
    padding-left: 5px;
    outline: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #f9831d;
    box-shadow: 0 0 1px #f9831d;
    font-size: 8px;
    width: 132px;
    height: 16px;
}

.pi {
    background-color: #fff062;
    width: 40px;
    height: 18px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: none;
    outline: none;
    position: absolute;
    top: 4px;
    left: 138px;
    cursor: pointer;
    font-size: 5px;
    line-height: 18px;
    box-shadow: 0 0 2px #f97401;
}
        #gm_RQpaixu,#gm_JGpaixu {
            font-size:12px;
        }
        #gm_RQpaixu {
            margin-left:150px;
        }
        #gm_JGpaixu {
            margin-left:10px;
        }
            #gm_RQpaixu input,#gm_JGpaixu input {
                outline:none;
                cursor:pointer;
                width:20px;
                height:21px;
                margin-bottom:-6px;
            }
#type_btm {
    padding-bottom: 29px;
}
    </style>
    <link href="../CSS/游戏商城/SClunbotu.css" rel="stylesheet" />
    <div class="tex">
        <asp:TextBox ID="txt_txt" CssClass="ki" runat="server"></asp:TextBox>
        <asp:ImageButton ID="btn_imgsousuo" CssClass="btnimg_sousuo" OnClick="btn_sousuo_Click" ImageUrl="../Player图片/图标/游戏页面1/sousuo.png" runat="server" />
        <asp:Button ID="btn_sousuo" runat="server" CssClass="pi" Text="" OnClick="btn_sousuo_Click" />
    </div>
    <div id="tyoe_bos">
        <div id="type_top">
            <div class="type-logo"><img class="SCtp_wegame" src="../Player图片/图标/游戏页面1/tplg1.gif" />游戏推荐<img class="SCtp_wegame" src="../Player图片/图标/游戏页面1/tplg2.gif" /></div>
            <br />
             <%--轮播图--%>
            <div id="type_lbtimg">
                <ul id="banner">
                </ul>
                <script src="../JS/游戏商城/SClbt.js"></script>
            </div>
        </div>
        <br />
        <div id="type_btm">
            <%--标题导航栏--%>
            <div class="type-logo">
                <img class="SCtp_wegame" src="../Player图片/图标/游戏页面1/bmlg1.gif" />
                <asp:Label ID="lbl_typetxt" runat="server" Text="全部游戏"></asp:Label>
                <img class="SCtp_wegame" src="../Player图片/图标/游戏页面1/bmlg2.gif" />
                <span id="gm_RQpaixu">人气:
                    <asp:ImageButton ImageUrl="../Player图片/图标/游戏页面1/shangsheng.png" OnClick="imgbtn_RQsheng_Click" ID="imgbtn_RQsheng" runat="server" />
                    <asp:ImageButton ImageUrl="../Player图片/图标/游戏页面1/xiajiang.png" OnClick="imgbtn_RQjiang_Click" ID="imgbtn_RQjiang" runat="server" />
                </span>
                <span id="gm_JGpaixu">价格:
                    <asp:ImageButton ImageUrl="../Player图片/图标/游戏页面1/shangsheng.png" OnClick="imgbtn_JGsheng_Click" ID="imgbtn_JGsheng" runat="server" />
                    <asp:ImageButton ImageUrl="../Player图片/图标/游戏页面1/xiajiang.png" OnClick="imgbtn_JGjiang_Click" ID="imgbtn_JGjiang" runat="server" />
                </span>
            </div>
            <br />
            <%--游戏展示--%>
            <asp:DataList ID="dtlsjx" runat="server" RepeatColumns="4" Height="77px" CaptionAlign="NotSet" RepeatDirection="Horizontal">
                <ItemTemplate>
                    <div class="imgtxt">
                        <div class="imgtxt_div1">
                            <a href='<%#"SCwegm1.aspx?id="+Eval("Gm_Id") %>'>
                                <asp:Image CssClass="imgtxt_div1img" ID="Image1" ImageUrl='<%#"~/Player图片/游戏图片/"+Eval("Gm_Image") %>' runat="server" />
                            </a>
                        </div>
                        <div class="imgtxt_div2"><span><a href='<%#"SCwegm1.aspx?id="+Eval("Gm_Id") %>'><%#Eval("Gm_Name") %></a></span></div>
                        <div class="imgtxt_div3">
                            <div>
                                <img src="../Player图片/图标/游戏页面1/redu.png" /><%#Eval("Gm_Upcount") %>
                            </div>
                            <div class="spright">
                                <a href='<%#"SCwegm1.aspx?id="+Eval("Gm_Id") %>'>
                                    <span>￥<%#Eval("Gm_price") %></span></a></div>
                        </div>
                    </div>
                </ItemTemplate>
            </asp:DataList>
        </div>
    </div>
    <script src="../jquery-3.4.1.js"></script>
    <script>
        $(function () {
            //搜索按钮移入/移出
            $(".btnimg_sousuo").mousemove(function () {
                $(".pi").css("background-color", "#ffc12a");
            });
            $(".btnimg_sousuo").mouseout(function () {
                $(".pi").css("background-color", "#fff062");
            });
            $(".pi").mousemove(function () {
                $(this).css("background-color", "#ffc12a");
            });
            $(".pi").mouseout(function () {
                $(this).css("background-color", "#fff062");
            });
            //排序图标移入/移出
            //人气升
            $("#gm_RQpaixu input:first").mousemove(function () {
                $(this).attr("src","../Player图片/图标/游戏页面1/shangsheng1.png");
            });
            $("#gm_RQpaixu input:first").mouseout(function () {
                $(this).attr("src", "../Player图片/图标/游戏页面1/shangsheng.png");
            });
            //人气降
            $("#gm_RQpaixu input:last").mousemove(function () {
                $(this).attr("src", "../Player图片/图标/游戏页面1/xiajiang1.png");
            });
            $("#gm_RQpaixu input:last").mouseout(function () {
                $(this).attr("src", "../Player图片/图标/游戏页面1/xiajiang.png");
            });
            //价格升
            $("#gm_JGpaixu input:first").mousemove(function () {
                $(this).attr("src", "../Player图片/图标/游戏页面1/shangsheng1.png");
            });
            $("#gm_JGpaixu input:first").mouseout(function () {
                $(this).attr("src", "../Player图片/图标/游戏页面1/shangsheng.png");
            });
            //价格降
            $("#gm_JGpaixu input:last").mousemove(function () {
                $(this).attr("src", "../Player图片/图标/游戏页面1/xiajiang1.png");
            });
            $("#gm_JGpaixu input:last").mouseout(function () {
                $(this).attr("src", "../Player图片/图标/游戏页面1/xiajiang.png");
            });
        });
    </script>
</asp:Content>